<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>布局容器</title>
		<!-- 引入LayUI的核心css文件 -->
		<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>
	</head>
	<body>
		<!-- 
			布局容器
				1. 固定宽度（两侧有留白效果）
				2. 完整宽度（占据屏幕宽度的100%）
		 -->
		 <!-- 固定宽度（两侧有留白效果） -->
		 <!-- <div class="layui-container" style="background-color: navajowhite;height: 300px;">
			固定宽度
		 </div> -->
		 
		 <!-- 完整宽度（占据屏幕宽度的100%） -->
		 <div class="layui-fluid" style="background-color: cyan;height: 300px;">
		 	完整宽度
		 </div>
	</body>
</html>
